<template>
  <div class="navTitle">
      <!--此处不能用span，安卓手机上有bug-->
      <div class="line"></div>
      <div class="text">{{titletext}}</div>
      <div class="line"></div>
  </div>
</template>

<script>
export default {
    props: {
        titletext: {
            tyep: String
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.navTitle {
    display: flex;
    width: 80%;
    margin: 28px auto 24px auto;
    .line {
        flex: 1;
        position: relative;
        top: -8px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .text {
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        padding: 0 12px;
    }
}
</style>
